<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="../lib/jquery-2.1.1.js"></script>
<script>
$(document).ready(function(){
	$('#center').css('background-color', '#0000ff');
	$('#center').css('color', '#ffffff');
	
	$('.center').css('background-color', '#ff0000');
	$('.center').css('color', '#ffff00');
	

	$('.center2 div').css('color', '#ff0000');
	$('.center2 span').css('color', '#000000');
	
	$('#center2').css({
		'border': '1px solid #aaaaaa',   //JSON 형식의 key 값과 value 값 구분은 ':' 이다.
		'width' : '200px',
		'height' : '100px'
	});
});
</script>

</head>
<body>

	<div id="center">
	#center Ryu Ji Hoon
	</div>
	
	<div class="center">
	.center Ryu Ji Hoon
	</div>
	
	<p/>
	
	<div class="center2">
		<div>RRRRRRRRRR</div>
		<span>JJJJJJJJJ</span>
	</div>
	
	<p/>
	
	<div id="center2">
	</div>
	
</body>
</html>